﻿
@{
    Layout = "~/Views/Shared/_LayuiLayout.cshtml";
}
<form class="layui-form layui-form-pane">
    <input type="hidden" name="ID" value="@Model.ID" />

    <div class="layui-form-item">
        <label class="layui-form-label">类别名称</label>
        <div class="layui-input-block">
            <input type="text" class="layui-input" autocomplete="off" placeholder="请输入类别名称"
                   name="CodeName" value="@Model.CodeName" lay-verify="required" required>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">类别编号</label>
        <div class="layui-input-block">
            <input type="text" class="layui-input" autocomplete="off" placeholder="请输入类别编号"
                   name="Code" value="@Model.Code" lay-verify="required"  required/>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">类别描述</label>
        <div class="layui-input-block">
            <input type="text" class="layui-input" autocomplete="off" placeholder="请输入类别描述"
                   name="Description" value="@Model.Description"/>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">排序</label>
        <div class="layui-input-block">
            <input type="number" class="layui-input" autocomplete="off" 
                   name="Sort" value="@Model.Sort"/>
        </div>
    </div>
    
    <div class="layui-form-item " align="center">
        <button type="button" class="layui-btn" lay-submit="" lay-filter="Save">保存</button>
        <button type="button" class="layui-btn layui-btn-primary" id="btnCancel">取消</button>
    </div>
</form>

@section scripts{
<script type="text/javascript">
    var $, layer;
    layui.use(['form'], function () {
        var form = layui.form;
        $ = layui.jquery;
        layer = parent.layer === undefined ? layui.layer : parent.layer;

        // 监听关闭
        $('#btnCancel').on('click', function () {
            layer_close();
        });

        // 监听提交
        form.on('submit(Save)', function (data) {
            var loading = layer.load();
            $.post('@Url.Action("AddOrEdit", "CodeType")', data.field,
                function (result) {
                    layer.close(loading);
                    if (result.Success) {
                        layer.msg(result.Message, { icon: 1, time: 2000 });
                        parent.reload();
                        layer_close();
                    } else {
                        layer.alert(result.Message, { icon: 2 });
                    }
                });
            return false;
        })


    });
</script>
    }


